var $ = require('jquery');

//引入的css文件
import './app.css';

// 引入scss文件
import './main.scss';

// 引入 less文件
import './main123.less';

$('ul li:odd').css('background', 'yellow');
$('ul li:even').css('background', 'red');




//如果局部没有安装webpack,会报错,webpack执行命令,会去找当前目录下的webpack


// ES6中的class关键字
// 这个关键字是用来创建一个类的


// 用构造函数的方式创建一个person类
function Person(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
}

// 给构造函数创建的类组册一个方法
Person.prototype.sayHello = function() {
    console.log('你好啊,我叫' + this.name);
}

// 给类组册了一个静态方法
Person.eat = function() {
    console.log('我会吃');
}


// 给类注册了一个静态变量
Person.legs = 2;





var p = new Person('zs', 10, 'n');
p.sayHello();
// 静态方法的用法
Person.eat();

// 用class关键字传键Person类
class PersonClass {
    // 构造器
    constructor(name, age, gender) {
        this.name = name;
        this.age = age;
        this.gender = gender;
    }

    // 给class关键字创建的类组册方法
    sayHello() {
        console.log('你好,我叫' + this.name);
    }


    // 给class关键字创建的类,注册静态方法
    static eat() {
        console.log('我会吃吃');
    }

    // 
    static legs = 2; //webpack会报错了,处理不了这个东西,这个不止是es6,同时他是高级语法,直接在.babelrc写env,是会报错的
}




var p1 = new PersonClass('ls', 20, 'nv');
console.log(p1.name);
p1.sayHello();
PersonClass.eat();
console.log(PersonClass.legs); //这个也就可以运行了